@charset "utf-8";
$width:1900px;
$wrap:990px;
#header{
    width: $width;
    background-color: #F7F7F7;
    .header-wrap{
        width: $wrap;
        height: 28px;
        margin: 0 auto;
        // background-color: aqua;
        .topbarfl{
            width: 400px;
            height: 28px;
            float: left;
            li{
                width: 200px;
                height: 28px;
                line-height: 28px;
                margin: 0px 3px;
                .rightbox {
                    /* display: none; */
                    position: absolute;
                    // left: -200px;
                    a {
                        color: #f9f9f9;
                        font-size: 14px;
                        padding: 0px 18px;
                        border-left: 1px #ccc solid;
                        line-height: 30px;
                    }
                    em {
                        color: #ccc;
                    }
                }
                .rightbox1 a {
                    color: #CA0808;
                    text-align: center;
                    padding: 0px 20px;
                }
                .rightbox2 {
                    display: none;
                    span {
                        color: aqua;
                        padding: 0px 20px;
                    }
                    a {
                        color: greenyellow;
                        padding: 0px 20px;
                    }
                }
            }
        }
        .topbar-ul{
            float: right;
            li{
                height: 28px;
                line-height: 28px;
                margin-left: 3px;
                float: left;
                padding: 0px 10px;
                a{
                    color: #666;
                    font-size: 12px;
                    line-height: 14px;
                    span{
                        color: #C40000;
                        font-size: 14px;
                        line-height: 14px;
                    }
                }
                .topbar-ula{
                    color: #CF0404;
                }
            }
        }
    }
}
#content{
    width: $width;
    .content-wrap{
        width: 960px;
        margin: 0 auto;
        .car_tit{
            height: 45px;
            margin-top: 15px;
            // background-color: aqua;
            border-bottom: 2px solid #CF0404;
             h1{
                 font-size: 18px;
                 line-height: 23px;
                 color: #666;
                display: block;
                float: left;
                width: 100px;
                height: 23px;
                margin-top: 17px;
            }
            .shipping{
                width: 420px;
                height: 40px;
                padding: 22px 0px 0px 10px;
                float: left;
                b{
                    color: #CA0808;
                    font-size: 12px;
                    line-height: 14px;
                }
            }
            a{
                display: block;
                width: 182px;
                height: 37px;
                font-size: 16px;
                line-height: 37px;
                background-color: #9C9898;
                color: #fff;
                text-align: center;
                float: right;
                margin-left: 5px;
            }
        }
        .orderInfo{
            width: 960px;
            min-height: 332px;
            // border: 1px solid #ccc;
            .carList{
                .car_box{
                    width: 960px;
                    min-height: 111px;
                    border: 1px solid #ccc;
                    thead{
                        width: 958px;
                        height: 32px;
                        padding: 0 20px;
                        border-bottom: 1px #ccc solid;
                        th{
                            color: #999;
                        }
                        .check_all{
                            color: #999;
                            // display:table-row;
                            // line-height: 34px;
                            // text-align: left;
                            // float: left;
                            // input{
                            //     // margin-top: 10px;
                                
                            //     text-align: left;
                            // }
                        // }
                    }
                    // tbody
                    tbody{
                        width: 958px;
                        min-height: 76px;
                        padding: 0px 11px 5px;
                        border: solid #ccc 1px;
                        }
                    }
                }
                .car_info{
                    width: 960px;
                    height: 141px;
                    border: 1px solid #ccc;
                    dt{
                        width: 958px;
                        height: 43px;
                        padding: 0px 15px;
                        background-color: #f6f6f6;
                        ul{
                            width: 928px;
                            height: 28px;
                            padding-top: 10px;
                            li{
                                color: #989898;
                                font-size: 12px;
                                line-height: 18px;
                            }
                        }
                    }
                    dd{
                        width: 958px;
                        height: 97px;
                        border-top: 1px #ccc solid;
                        ul{
                            width: 958px;
                            height: 97px;
                            padding: 10px 20px 10px 0px;
                            li{
                                width: 938px;
                                height: 24px;
                                font-size: 12px;
                                line-height: 24px;
                            }
                            .total_price{
                                height: 29px;
                                
                                span{
                                    display: block;
                                    float: left;
                                    height: 30px;
                                    line-height: 30px;
                                    color: #666;
                                }
                                .btn_all{
                                    display: block;
                                    width: 40px;
                                    margin-left: 20px;
                                    input{
                                        width: 13px;
                                        height: 13px;
                                        margin-top:9px;
                                        float: left;
                                    }
                                }
                                .deletePro{
                                    width: 72px;
                                    margin-left: 30px;
                                    a{
                                        font-size: 12px;
                                        line-height: 14px;
                                        color: #666;
                                    }
                                }
                                .clearPro{
                                    width: 60px;
                                    margin-left: 30px;
                                    a{
                                        font-size: 12px;
                                        line-height: 14px;
                                        color: #666;
                                    }
                                }
                                p{
                                    font-size: 12px;
                                    color: #666;
                                    float: right;
                                    font{
                                        font-size: 24px;
                                        line-height: 28px;
                                        color: #CA0809;
                                    }
                                }
                            }
                            .total1{
                                margin-top: 1px;
                                p{
                                    float: right;
                                    color: #666;
                                    b{
                                        float: right;
                                        // display: block;
                                        margin-left: 20px;
                                        // width: 72px;
                                        height: 24px;
                                        font-size: 12px;
                                        color: #CA0809;
                                        line-height: 24px;
                                    }
                                }
                            }
                        }
                    }
                }
                .car-btn{
                    width: 960px;
                    height: 80px;
                    padding-top: 20px;
                    
                    // background-color: aqua;
                    a{
                        display: block;
                        width: 182px;
                        height: 37px;
                        float: left;
                    }
                    .gono_btn{
                        text-align: center;
                        width: 100px;
                        height: 35px;
                        color: #666;
                        line-height: 35px;
                        font-size: 12px;
                        border: 1px solid #ccc;
                        float: left;
                    }
                    .fl_tip{
                        display: block;
                        float: left;
                        width: 260px;
                        height: 35px;
                        margin-left: 15px;
                        padding-left: 20px;
                        color: #666;
                        font-size: 12px;
                        line-height: 35px;
                    }
                    .car_btn01{
                        background-color: #9C9898;
                        color: #fff;
                        font-size: 16px;
                        border: #9C9898 1px solid;
                        line-height: 37px;
                        text-align: center;
                        margin-right: 5px;
                        float: right;
                    }
                    .car_btn02{
                        background-color: #FE0A2E;
                        border: 1px solid #FE0A2E;
                        color: #fff;
                        font-size: 16px;
                        line-height: 37px;
                        text-align: center;
                        float: right;
                    }
                }
            }
        }
    }
}
#trinket{
    width: 1900px;
    .trinket_box{
        width: 960px;
        min-height: 560px;
        margin: 0 auto;
        border: solid 1px #ccc;
        dt{
            width: 960px;
            height: 40px;
            line-height: 40px;
            background-color: #f8f8f8;

            span{
                display: block;
                width: 143px;
                height: 22px;
                margin: 0px 0px 0px 15px;
                color: #999;
                font-size: 18px;
                line-height: 40px;
            }
        }
        dd{
            width: 960px;
            height: 520px;
            padding: 20px 0px;
            background-color: #fff;
            border-top: 1px solid #ccc;
            // border-right: 1px #ccc solid;
            ul{
                width: 160px;
                height: 234px;
                margin-bottom: 5px;
                padding-bottom: 20px;
                border-right: 1px dotted #ccc;
                float: left;
                .trinket_li1{
                    width: 158px;
                    height: 110px;
                    padding-bottom: 5px;
                    img{
                        display: block;
                        width: 100px;
                        height: 100px;
                        margin: 0 auto;
                    }
                }
                .trinket_li2{
                    width: 158px;
                    height: 40px;
                    padding: 0px 10px 0px 12px;
                    a{
                        font-size: 12px;
                        color: #666;
                        text-align: center;
                    }
                }
                .trinket_li3{
                    margin-top: 5px;
                    font-size: 12px;
                    text-align: center;
                    line-height: 20px;
                    color:#C90809;
                }
                .trinket_li4{
                    a{
                        display: block;
                        height: 30px;
                        width: 102px;
                        font-size: 12px;
                        line-height: 30px;
                        color:#666;
                        text-align: center;
                        margin: 10px auto 0px;
                    }
                }
            }
        }
    }
}
#footer{
    width: $width;
    .footer-wrap{
        height: 197;
        padding-top: 20px;
        width: 960px;
        margin: 0 auto;
        margin-top: 20px;
        background-color: #FAFAFA;
        img{
            display: block;
            width: 954px;
            height: 52px;
        }
        .links{
            width: 300px;
            height: 32px;
            // background-color: aqua;
            margin: 10px auto 0px;
            li{
                float: left;
                // line-height: 32px;
                // height: 32px;
                margin-top: 10px;
                a{
                    color: #333;
                    line-height: 14px;
                    padding: 0 10px;
                    display: block;
                    font-size: 12px;
                    width:70px;
                    border-right: 1px solid #ccc;    
                }
            }
        }
        .banquan{
            width: 960px;
            margin: 0 auto;
            height: 22px;
            color: #000;
            text-align: center;
            font-size: 12px;
            line-height: 22px;
        }
        .authentication{
            width: 250px;
            margin: 0 auto;
            height: 46px;
            a{
                display: block;
                height: 42px;
                width: 110px;
                margin: 0px 5px;
                float: left;
                border: 1px solid #ccc;
            }
            .authentication01{
                // background-position: -208px -690px;
                background: url("../images/goshoppingCar.png") -208px -690px no-repeat;
            }
            .authentication02{
                background: url("../images/goshoppingCar.png") -205px -735px no-repeat;
            }
        }
    }
}

